<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的麦后西点</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
</head>

<body>
    <div class="box">
        <header></header>
        <div class="swiper-container lunbo"> 
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="/images/banner1.jpg" alt="" />
                </div>
                <div class="swiper-slide">
                    <img src="/images/banner2.jpg" alt="" />
                </div>
                <div class="swiper-slide">
                    <img src="/images/banner3.jpg" alt="" />
                </div>
                <div class="swiper-slide">
                    <img src="/images/201801161818461327_27192875.jpg" alt="" />
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev boult"></div>
            <div class="swiper-button-next boult"></div>
        </div>
        <div class="content">
            <div class="tuijian">
                <div class="left">
                    <div class="tuijian1">
                        <p>甜蜜一夏</p>
                        <p>售价238元</p>
                        <p>清爽如夏</p>
                        <p>阳光树荫蝉鸣，在夏天里送给你清</p>
                        <p>凉的祝福，岁月悠长，感动瞬间。</p>
                        <p>立即购买</p>
                    </div>
                    <div class="tuijian1"><img src="/images/a1.png" alt=""></div>
                </div>
                <div class="right">
                    <div class="tuijian2">
                        <p>人生电影</p>
                        <p>售价256元</p>
                        <p>生活就像一部属于我们的电影</p>
                        <p>我们是永远的主角！</p>
                        <p>惊喜，不用刻意安排
                        </p>
                        <p>立即购买</p>
                    </div>
                    <div class="tuijian2"><img src="/images/a2.png" alt=""></div>
                </div>
            </div>
            <p><img class=chuandi src="/images/chuandi.png" alt=""></p>
            <div class="fenlei">          
                <p class="rxdg">热销蛋糕</p>    
                <div class="rexiao" id="cakeList">

                </div>
                <script type="text/html" id="cakeTemplate">
                    {{each list cake,index}}
                  <ul style="list-style: none">
                        <li>
                            <a href="/html/detail.html?id={{cake.id}}">
                                <img src="{{cake.img}}" alt=""></a>
                            <p>{{cake.title}}</p>
                            <p>{{cake.sweet}}</p>
                            <p>{{cake.price}}￥</p>
                            <p>立即购买</p>
                        </li>
                    </ul>
                    {{/each}}
                </script>
            </div>
        </div>
        <footer class="footer"></footer>
    </div>

</body>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>

</html>